<template>
  <div class="content_card">
    <van-row class="content_title" type="flex" justify="space-between">
      <van-col span="4" class="user_avatar">
        <van-image round cover :src="itemObj.avatar || logoImg" width="1.5rem" height="1.5rem"/>
      </van-col>
      <van-col span="14" class="user_nickname">
        <div>近聘昵称：{{itemObj.nick_name}}</div>
        <div style="margin: 5px 0;">近聘账号：<span style="margin-right: 6px; ">{{itemObj.ids || itemObj.user_account ||  '无账号' }}</span></div>

        <!-- <div style="margin: 5px 0;">近聘账号：<span style="margin-right: 6px; ">{{itemObj.mobile || itemObj.user_account ||  '无账号' }}</span></div> -->
<!--        <div style="margin: 5px 0;">性别：<span style="margin-right: 6px; ">{{itemObj.ids}}</span></div>   -->
        <div style="display: flex; justify-content: space-between; align-items: center; padding-right: 6px;">
          <span>手机号：{{(itemObj.mobile ? $hidePhone(itemObj.mobile) : '暂无')}}</span>
          <van-button size="mini" type="info" plain round @click.stop="callContact(itemObj.mobile)">电话联系</van-button>
        </div>
        <slot name="extslot" :row="itemObj">
        </slot>
      </van-col>
      <van-col span="6" class="right-content">
        <slot>加载中...</slot>
      </van-col>
    </van-row>
  </div>
</template>

<script>
import logoImg from '@/assets/logo.png';
import {Toast} from "vant";

export default {
  name: "DSUsers",
  props: {
    itemObj: Object,
    keyWord: String,
  },
  data() {
    return {
      logoImg,
    }
  },

  methods: {
    callContact(mobile){
      if (mobile) window.location.href = 'tel:' + mobile;
    },
  },
}
</script>

<style lang="scss" scoped>
.content_card{
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #F1F3F4;
  background-color: #FFFFFF;
  font-size: 13px;
  .content_title{
    .user_avatar{
    }
    .user_nickname {
      padding: 10px 0 0 10px;
    }
    .right-content{
      box-sizing: border-box;
      padding-left: 6px;
    }
  }
}
</style>
